<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>开发者测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="js/jquery-1.8.0.js" type="text/javascript"></script>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="js/json2.js" type="text/javascript"></script>

<script>
		$(document).ready(function(){
			$("#bt1").click(function(){
				$.ajax({
					type: "POST", 
					url: "user/user_getAccessToken",  //获取accessToken的接口
					data: $("#getAccessToken").serialize(),  //提交的表单
					dataType: 'json', 
					success: function(json) {
							//显示整个返回的json内容
							$("#info1").text(JSON.stringify(json)) 
							//将返回的json中的accessToken加入到查询学生信息的表单中的相应字段
							$("#act").val(json.accessToken);
							//生成学生登录授权连接，此处带上accessToken作为参数访问登录接口即可，显示连接
							$("#stuLogin").attr('href','interface/requestLogin?accessToken=' + json.accessToken)
							$("#stuLogin").css('display','block')
					}
				});
			});
			$("#bt2").click(function(){
				$.ajax({
					type: "POST", 
					url: "interface/" + $("#infoType").val(), //查询学生信息的接口，一个未过时的accessToken是必要的
					data: $("#getStuInfo").serialize(), //查询学生信息所需要的表单信息
					dataType: 'json',
					success: function(json) {
							$("#info2").text(JSON.stringify(json))//显示整个返回的json
					}
				});
			});
			//提示信息
			if($("input[name=uid]").val() != "" && $("#act").val() == "")
				alert("再次使用原账号获取accessToken(作为获取学生信息的口令)\n选择想要获取的学生信息，点击按钮“获取学生信息”");
			else
				alert("请填写有接口使用权限的开发者账号密码\n(\"账号user000  密码user000\")\n获取accessToken后进入学生授权页面");
		});
	</script>
</head>

<body>
	<div>
		<form id="getAccessToken">
			<h3>先获取accessToken</h3><br>
			username:<input name="username" type="text" value="" /><br>
			password:<input name="password" type="text" value="" /><br>
			<input id="bt1" type="button" value="获取accessToken" />
		</form>
		<div style="width: 100%;height: 200px;border-style: solid;">
			<textare style="word-break:break-all" id="info1"></textare>
		</div>
	</div>
	<br>
	<a id="stuLogin" style="display: none;">这是带accessToken参数的授权登陆连接</a>
	<br>
	<hr width="100%" style="float: left;border-width: 2"/><br>
	<div>
		<h3>凭accessToken和学生openID(uid)获取学生信息</h3>
		<select id="infoType">
			<option value="getStuInfo">学生信息</option>
			<option value="getScores">学生成绩</option>
		</select>
		<form id="getStuInfo">
			 uid:<input name="uid" type="text" value="${param.uid}" size="30" />
			 <br>
			 <input id="bt2" type="button" value="获取学生信息" /><br> 
			 <input id="act" type="hidden" name="accessToken" />
		</form>

		<div style="width: 100%;height: 400px;border-style: solid;">
			<textare style="word-break:break-all ; overflow:auto;" id="info2"></textare>
		</div>
		<br>
	</div>
</body>
</html>
